<!DOCTYPE html>
<html>
<head>
    <title>商品管理</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>玉米仓库信息管理</title>

    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <link href="../font-awesome/css/font-awesome.css" rel="stylesheet">

    <!-- FooTable -->
    <link href="../css/plugins/footable/footable.core.css" rel="stylesheet">
    <link href="../css/animate.css" rel="stylesheet">
    <link href="../css/style.css" rel="stylesheet">
    <style type="text/css">
        #en{
            margin: 0 auto;
        }
        .change {
            width: 335px;
            border: 1px solid #999;
            text-decoration: none;
            color: #666;
        }
    </style>
</head>
<body>


<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-lg-9">
        <h2>添加商品</h2>
        <ol class="breadcrumb">
            <li>
                <a href="../index.html">首页</a>
            </li>
            <li>
                <a href="../goodsList.html">商品列表</a>
            </li>
            <li class="active">
                <strong>添加商品</strong>
            </li>
        </ol>
    </div>
</div>


<div class="ibox-content row">
    <h3>
        添加商品
    </h3>
    <p>
        You can add goods on here.
    </p>

    <form class="form-horizontal col-xs-12 row" role="form" action="#" method="post">
        <div class="form-group">
            <label class="col-sm-2 col-sm-2 control-label">产品名称 *</label>
            <div class="col-sm-10">
                <input type="text" class="form-control"/>
                <span class="help-block"></span>
            </div>
        </div>
        <div class="hr-line-dashed"></div>
        <div class="form-group">
            <label class="col-sm-2 control-label">产品编号 *</label>
            <div class="col-sm-10">
                <input type="text" class="form-control"  placeholder=""/><!--data-mask="999 99 999 9999 9" -->
                <!--<span class="help-block">xxx xx xxx xxxx x</span>-->
            </div>
        </div>
        <div class="hr-line-dashed"></div>
        <div class="form-group">
            <label class="col-sm-2 control-label">产品描述 *</label>
            <div class="col-sm-10">
                <input type="text" class="form-control"/>
                <span class="help-block"></span>
            </div>
        </div>

        <div class="hr-line-dashed"></div>
        <div class="form-group">
            <label class="col-sm-2 control-label">保质期 *</label>
            <div class="col-sm-10">
                <input type="text" class="form-control" data-mask="99" placeholder=""/>
                <span class="help-block">单位：月</span>
            </div>
        </div>
        <div class="hr-line-dashed"></div>
        <div class="form-group">
            <label class="col-sm-2 control-label">备注</label>
            <div class="col-sm-10">
                <input type="text" class="form-control"/>
                <span class="help-block">可填</span>
            </div>
        </div>
        <div class="hr-line-dashed"></div>
        <div class="form-group">
            <label class="col-sm-2 control-label">所属仓库 *</label>

            <div class="input-group">
                <select data-placeholder="Choose a Country..." class="chosen-select form-control" style="width:350px; "
                        tabindex="2">
                    <option value="">仓库一</option>
                    <option value="">仓库二</option>
                </select>
            </div>

        </div>
        <div class="hr-line-dashed"></div>
        <div class="form-group">
            <label class="col-sm-2 control-label">供应商 *</label>

            <div class="input-group">
                <select data-placeholder="Choose a Country..." class="chosen-select form-control" style="width:350px; "
                        tabindex="2">
                    <option value="">供应商甲</option>
                    <option value="">供应商乙</option>
                </select>
            </div>

        </div>

        <div class="hr-line-dashed"></div>
        <div class="form-group">
            <label class="col-sm-2 control-label">所属类别 *</label>
            <div class="input-group">
                <select data-placeholder="Choose a Country..." class="chosen-select form-control" style="width:350px; "
                        tabindex="2">
                    <option value="">类别一</option>
                    <option value="">类别二</option>
                </select>
            </div>
        </div>

        <div class="hr-line-dashed"></div>
        <div class="form-group">
            <label class="col-sm-2 control-label">上传图片 *</label>
            <div class="col-sm-10">
                <input type="file" name="pic" class=" change"><br>
                <input type="file" name="pic" class=" change"><br>
                <input type="file" name="pic" class=" change"><br>
            </div>
        </div>
        <div class="col-lg-6"></div>
        <input type="Submit" value="确 定 添 加" class="btn btn-primary "/>

    </form>
</div>


<!-- Mainly scripts -->
<script src="../js/jquery-2.1.1.js"></script>
<script src="../js/bootstrap.min.js"></script>

<!-- Custom and plugin javascript -->
<script src="../js/inspinia.js"></script>
<script src="../js/plugins/pace/pace.min.js"></script>
<script src="../js/plugins/slimscroll/jquery.slimscroll.min.js"></script>


<!-- Input Mask-->
<script src="../js/plugins/jasny/jasny-bootstrap.min.js"></script>

<!-- Data picker -->
<script src="../js/plugins/datapicker/bootstrap-datepicker.js"></script>


<!-- MENU -->
<script src="../js/plugins/metisMenu/jquery.metisMenu.js"></script>


<!-- Image cropper -->
<script src="../js/plugins/cropper/cropper.min.js"></script>


<script>


    $(document).ready(function () {

//            var $inputImage = $("#inputImage");
//            if (window.FileReader) {
//                $inputImage.change(function () {
//                    var fileReader = new FileReader(),
//                            files = this.files,
//                            file;
//
//                    if (!files.length) {
//                        return;
//                    }
//
//                    file = files[0];
//
//                    if (/^image\/\w+$/.test(file.type)) {
//                        fileReader.readAsDataURL(file);
//                        fileReader.onload = function () {
//                            $inputImage.val("");
//                            $image.cropper("reset", true).cropper("replace", this.result);
//                        };
//                    } else {
//                        showMessage("Please choose an image file.");
//                    }
//                });
//            } else {
//                $inputImage.addClass("hide");
//            }

    });
</script>
</body>
